<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>
<body>
    <input type="button" id="btn3" value="关闭计时器">
    <input type="button" id="btn4" value="关闭延时器">
    
</body>
<script>
    // - 计时器
    //     - setInterval()
    //     - clearInterval()

    // - setInterval()
    // 功能：计时器，随着时间的流失，执行代码（每隔指定时间，执行指定代码）
    // 参数：
    //     参数1：回调函数
    //     参数2：毫秒数
    // 返回值：当前计时器的唯一标志，用来清除计数器
    var t1=setInterval(function(){
        // document.write("张新同小帅逼"+"<br>")
        console.log("张新同小帅逼")
    },2000)
    var btn3=document.getElementById("btn3")


    //     - clearInterval()
    // 功能：清除计时器
    // 参数：要清除计时器的唯一标志
    // 返回值：无
    btn3.onclick=function(){
        clearInterval(t1)
    }




    // - 延时器
    //     - setTimeout()
    //     - clearTimeout()

    //     - setTimeout()
    // 功能：延时器，延迟指定时间，执行指定代码（只执行一次）
    // 参数：
        // 参数1：回调函数
        // 参数2：毫秒数
    // 返回值：当前延时器的唯一标志，用来被清除使用
    var t2 = setTimeout(function(){
        console.log("小帅逼")
    }, 2000);

    btn4.onclick = function(){
        // 功能：清除延时器器
            // 要在延迟器没有执行的时候清除，一经执行，就自己清除
        // 参数：要清除的延时器的唯一标志
        // 返回值：无
        clearTimeout(t2);
    }

</script>
</html>